<template>
	<view class="box">
		<view class="list">
			<view class="fw-bt" v-for="(item,index) in list" :key="index" @click="goDemo(index)">
				<view class="f28">{{item}}</view>
				<view class="img">
					<image src="https://jw.xzsw2021.com/static/order/icon_135@2x.png" mode=""></image>
				</view>
			</view>
		</view>
		<!--  -->
		<view class="btn" @click="goCenter">优惠券领取中心</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:['满减券','免运费券','商品券']
			}
		},
		methods: {
			// 领券中心
			goCenter(){
				console.log('领券中心');
				uni.navigateTo({
					url:'/pages/user/mycoupons/quancenter/quancenter'
				})
			},
			// 
			goDemo(index){
				if(index==0){
					console.log('满减券');
					uni.navigateTo({
						url:'/pages/user/mycoupons/manjian/manjian'
					})
				}else if(index==1){
					console.log('免运费券');
					uni.navigateTo({
						url:'/pages/user/mycoupons/freefieight/freefieight'
					})
				}else{
					console.log('商品券');
					uni.navigateTo({
						url:'/pages/client/shop/shop-quan/shop-quan'
					})
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.box{
		padding: 0 30rpx;
		.list{
			&>view{
				padding: 50rpx 0;
				border-bottom: 1rpx solid #eee;
				.img{
					width: 16rpx;
					height: 28rpx;
					image{
						width: 100%;
						height: 100%;
					}
				}
			}
		}
		.btn{
			position: fixed;
			bottom: 300rpx;
			left: 50%;
			transform: translateX(-50%);
			width: 280rpx;
			height: 90rpx;
			text-align: center;
			line-height: 90rpx;
			font-size: 28rpx;
			color: #109C7A;
			background: #FFFFFF;
			border: 1rpx solid #109C7A;
			border-radius: 45rpx;
		}
	}
</style>
